<template>
    <div class="find_pwd bgfff full">
      <section class="logo">
        <h2>LOGO</h2>
      </section>
      <main>
        <ul>
          <li>
            <p class="font-12 padding-b5"><label for=" name ">手机号</label></p>
            <input id="name " type="text" value="1234554">
          </li>
          <li>
            <p class="font-12 padding-b5 "><label for="password ">验证码</label></p>
            <input id="password " type="text" placeholder="请输入验证码" value="">
            <span class="bgmain cfff font-12">发送验证码</span>
          </li>
          <li>
            <p class="font-12 padding-b5 "><label for="password ">新密码</label></p>
            <input id="password " type="password" placeholder="请输入密码" value="">
            
          </li>
        </ul>
        <div class="text-c">
          <div class="cfff login box-center margin-b20">确定</div>
          <a class="font-12" href="javascript:;">返回登录</a>
        </div>
      </main>
    </div>
</template>

<script>
    export default {
        name: "find_pwd"
    }
</script>

<style scoped lang="scss">
  @import '../../css/rem.scss';
  .find_pwd {
    input {
      border: none;
      background: #fff;
    }
    .logo {
      // height: p2r(150px);
      // margin-top: p2r(50px);
      padding: p2r(110px) 0 p2r(50px);
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: p2r(20px);
      color: #0089fc
    }
    main {
      padding: 0 p2r(40px);
      ul {
        li {
          position: relative;
          border-bottom: 1px solid #ccc;
          // @include onepx(#555, bottom);
          padding-top: p2r(30px);
          p {
            color: #828282;
          }
          input {
            width: 100%;
            display: block;
            height: p2r(30px);
          }
          span{
            position: absolute;
            right: 0;
            bottom: p2r(6px);
            display: inline-block;
            padding: p2r(8px) p2r(8px);
            border-radius: p2r(40px);
          }
        }
      }
      .login {
        margin-top: p2r(70px);
        width: 100%;
        height: p2r(40px);
        background: #007efd;
        border-radius: p2r(40px);
        &:active {
          opacity: 0.8;
        }
      }
      a {
        color: #828282;
        text-decoration: none;
      }
    }
  }
</style>
